iT邦幫忙

DAY 1
11

入門AngularJS筆記與前端領域的學習筆記分享系列 第 1

Day1- 入門AngularJS筆記與前端領域的學習筆記分享介紹

  • 分享至 

  • xImage
  •  

我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e,

本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 汗

期望透過三十天的不間斷筆記,用力鞭策自己分享一些基本的AngularJS指令,

同時也幫助自己學習吸收, 衝刺

文章中也會插播一些前端需要具備的基本觀念 ,

甚至是個人認為好用的工具、有趣的演講、充滿收獲的研討會等 :)

文章中若有任何建議,也歡迎各位大大們批評與指教。 謝謝
學習AngularJS,要先具備什麼? 暈

首先,必須要先瞭解JavaScript。

如果你不熟JavaScript,但又想要體驗AngularJS的魅力,怎麼辦?

沒關係。

這三十天的分享文章裡,也會整理一些JS的基本觀念,幫助吸收AngularJS。

學習AngularJS,應該怎麼開始?

我在一開始學習AngularJS時,有找到一些很炫的範例,

但裡面的程式碼、並沒有很瞭解,

雖然可以換換變數、達到同樣的目的,可是學不到”根本“的東西。

所以我會先從官方文件看起=> http://angularjs.org/

從很基本很基本的範例去說明AngularJS指令。

進一步了解AngularJS指令,確認有哪些資源可以用。 筆記

這30天預計會介紹到的指令如下:

ng-model

ng-app

ng-controller

ng-click

ng-cloak

ng-class

ng-bind

ng-blur

ng-show、ng-hide

ng-repeat

ng-init

input [checkbox]

ng-switch

ng-selected

ng-options

ng-change

ng-focus

ng-include

ng-form

ng-timeout

ng-src

ng-filiter

ng-bind-html-unsafe

directive用法-基本說明

directive用法-簡單範例

除了AngularJS,

番外篇的部分,希望有機會也能分享:)

番外篇- SASS/SCSS、Compass、SUSY 基本介紹

番外篇- Yeoman、Grunt、Bower 基本介紹

番外篇- 使用git上傳檔案的基本指令

番外篇- javascript嚴格模式介紹

番外篇- NuGet介紹

番外篇- 個人使用的前端工具介紹

番外篇- 參加Taiwan WebConf會後心得-熱情熱血熱鬧的英雄集結之網站開發議題

番外篇- 零時政府黑客松筆記

番外篇- HTML5 兩日實戰課程筆記 (講師: Will保哥)

番外篇- JavaScript 與 AngularJS 開發實戰筆記 (講師: Will保哥)

番外篇- AngularJS 開發實戰:重要的開發觀念與經驗分享筆記 (COSCUP 2013) (講師: Will保哥)

番外篇- HappyDesigner Mini #3+#4 筆記

30天感覺蠻困難的>__<

rock 希望能努力跑到最後呀!!!

---------------入門AngularJS筆記---------------

Day27- 入門AngularJS筆記-AngularJS指令(23): ng-form
http://ithelp.ithome.com.tw/question/10140193

Day26- 入門AngularJS筆記-AngularJS: angularJS與form的應用
http://ithelp.ithome.com.tw/question/10140147

Day25- 入門AngularJS筆記-AngularJS指令(22) ng-style
http://ithelp.ithome.com.tw/question/10140067

Day24- 入門AngularJS筆記-AngularJS指令(21) $watch
http://ithelp.ithome.com.tw/question/10139851

Day23- 入門AngularJS筆記-AngularJS指令(20) ng-blur與ng-focus
http://ithelp.ithome.com.tw/question/10139721

Day22- 入門AngularJS筆記-AngularJS指令(19) ng-class
http://ithelp.ithome.com.tw/question/10139571

Day21- 入門AngularJS筆記-AngularJS指令(18) ng-bind-html
http://ithelp.ithome.com.tw/question/10139381

Day20- 入門AngularJS筆記-AngularJS指令(17) ng-bind-template
http://ithelp.ithome.com.tw/question/10139077

Day19- 入門AngularJS筆記-AngularJS指令(16) ng-cloak
http://ithelp.ithome.com.tw/question/10139014

Day18- 入門AngularJS筆記-AngularJS指令(15) ng-bind
http://ithelp.ithome.com.tw/question/10138821

Day17- 入門AngularJS筆記-AngularJS的timeout應用
http://ithelp.ithome.com.tw/question/10138627

Day16- 入門AngularJS筆記-AngularJS指令(14): ng-checked
http://ithelp.ithome.com.tw/question/10138409

Day15- 入門AngularJS筆記-AngularJS的MVC應用筆記
http://ithelp.ithome.com.tw/question/10137781

Day14- 入門AngularJS筆記-AngularJS指令(13): ng-href
http://ithelp.ithome.com.tw/question/10137625

Day13- 入門AngularJS筆記-AngularJS指令(12): ng-src
http://ithelp.ithome.com.tw/question/10137296

Day12- 入門AngularJS筆記-AngularJS指令(11): ng-include
http://ithelp.ithome.com.tw/question/10136841

Day11- 入門AngularJS筆記-AngularJS指令(10): ng-change
http://ithelp.ithome.com.tw/question/10136545

Day10- 入門AngularJS筆記-AngularJS指令(9): ng-switch
http://ithelp.ithome.com.tw/question/10136011

Day9- 入門AngularJS筆記-AngularJS指令(8): select的ng-options
http://ithelp.ithome.com.tw/question/10135776

Day8- 入門AngularJS筆記-AngularJS指令(7): input
http://ithelp.ithome.com.tw/question/10135378

Day7- 入門AngularJS筆記-AngularJS指令(6): ng-repeat
http://ithelp.ithome.com.tw/question/10134889

Day6- 入門AngularJS筆記-AngularJS指令(5): ng-init
http://ithelp.ithome.com.tw/question/10134415

Day5- 入門AngularJS筆記-AngularJS指令(4): ng-show
http://ithelp.ithome.com.tw/question/10133625

Day4- 入門AngularJS筆記-AngularJS指令(3): ng-click
http://ithelp.ithome.com.tw/question/10133576

Day3- 入門AngularJS筆記-AngularJS指令(2): ng-controller
http://ithelp.ithome.com.tw/question/10133017

Day2- 入門AngularJS筆記-AngularJS指令(1): ng-model
http://ithelp.ithome.com.tw/question/10132601

Day1- 入門AngularJS筆記與前端領域的學習筆記分享介紹
http://ithelp.ithome.com.tw/question/10132196


下一篇
Day2- 入門AngularJS筆記-AngularJS指令(1): ng-model
系列文
入門AngularJS筆記與前端領域的學習筆記分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言